<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用v-on指令调用内联JS语句</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>
<div id="app">
  <button v-on:click="show('admin')">显示用户1的名称</button>
  <button v-on:click="show('江西')">显示用户2的名称</button>
   <p>{{ userName }}</p>
</div>
<script>
var vm = new Vue({
    el: '#app',
    data:{
      userName:''
    },
    methods: {
      show: function (name) {this.userName = '当前用户名为：'+name;}
    }
 })
</script>
</body>
</html>
